<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>我房旅居</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />

	</head>

	<body>
		<header>
			<a href="javascript:history.go(-1);" class="back"><img src="images/icon/back.png" /></a>
			<h1>楼盘详情</h1>
		</header>
		<!--看房团报名弹出框-->
		<div class="mask"></div>
		<form class="team-box">
			<div class="column">
				<h2>看房团报名</h2>
				<ul>
					<li class="row">
						<label>姓名</label>
						<input type="text" placeholder="请输入姓名" />
					</li>
					<li class="row">
						<label>手机号</label>
						<input type="text" placeholder="请输入手机号" />
					</li>
				</ul>
				<div class="row submit-btn">
					<a href="javascript:;" class="row" onclick="closeNitoce()">取消</a>
					<button type="button">确定</button>
				</div>
			</div>
		</form>
		<div class="container">
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>天悦湖畔</h2>
					</div>
				</div>
				<div class="building-param">
					<ul>
						<li class="row price-li">
							<label>价格</label>
							<p><em>13000-17300元/㎡</em></p>
							<div class="row" onclick="clickTeam()">
								<img src="images/icon/freecar.png" />
								<span>免费看房</span>
							</div>
						</li>
						<li class="row">
							<label>物业类型</label>
							<p>毛坯</p>
						</li>
						<li class="row">
							<label>楼盘特色</label>
							<p>特色别墅 宜居生态 海景地产</p>
						</li>
						<li class="row">
							<label>建筑形式</label>
							<p>低层 高层 超高层 塔楼</p>
						</li>
						<li class="row">
							<label>装修状况</label>
							<p>毛坯 非毛坯</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>基本信息</h2>
					</div>
				</div>
				<div class="building-param">
					<ul>
						<li class="row">
							<label>占地面积</label>
							<p>130001㎡</p>
						</li>
						<li class="row">
							<label>物业类型</label>
							<p>45615346546㎡</p>
						</li>
						<li class="row">
							<label>容积率</label>
							<p>1.0</p>
						</li>
						<li class="row">
							<label>绿化率</label>
							<p>1:1</p>
						</li>
						<li class="row">
							<label>停车位</label>
							<p>100%</p>
						</li>
						<li class="row">
							<label>产权年限</label>
							<p>暂无资料</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="block5"></div>
			<div class="building-part" style="padding-top: 0;">
				<div class="building-param">
					<ul>
						<li class="row">
							<label>户型</label>
							<p>住宅80-550平，联排别墅，双排</p>
						</li>
						<li class="row">
							<label>开发商</label>
							<p>符合荣</p>
						</li>
						<li class="row">
							<label>投资商</label>
							<p>投资商投资商投资商投资商</p>
						</li>
						<li class="row">
							<label>物业费</label>
							<p>4</p>
						</li>
						<li class="row">
							<label>物业公司</label>
							<p>物业公司物业公司物业公司</p>
						</li>
						<li class="row">
							<label>楼盘地址</label>
							<p>海口市美兰区新大洲大道</p>
						</li>
						<li class="row">
							<label>楼层状况</label>
							<p>公寓30层</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>销售信息</h2>
					</div>
				</div>
				<div class="building-param">
					<ul>
						<li class="row">
							<label>销售信息</label>
							<p>在售楼层</p>
						</li>
						<li class="row">
							<label>物业类型</label>
							<p>期房</p>
						</li>
						<li class="row">
							<label>开盘价</label>
							<p>10000元/㎡</p>
						</li>
						<li class="row">
							<label>均价</label>
							<p>暂无资料</p>
						</li>
						<li class="row">
							<label>开盘时间</label>
							<p>2018年4月18日</p>
						</li>
						<li class="row">
							<label>入住时间</label>
							<p>2018年4月18日</p>
						</li>
						<li class="row">
							<label>预售许可证</label>
							<p>辉康预许字第2018013号</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="block5"></div>
			<div class="building-part">
				<div class="part-title row">
					<div class="row">
						<h2>位置及周边</h2>
					</div>
					<a href="#" class="row">
						<span>&nbsp;</span>
					</a>
				</div>
				<div class="mapbox">
					<div id="map"></div>
					<ul class="row">
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/bus.png" alt="">
							<p>公交</p>
						</li>
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/edu.png" alt="">
							<p>学校</p>
						</li>
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/food.png" alt="">
							<p>餐饮</p>
						</li>
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/hospital.png" alt="">
							<p>医院</p>
						</li>
						<li class="column" onclick="clickType(this)">
							<img src="images/icon/buy.png" alt="">
							<p>购物</p>
						</li>
					</ul>
				</div>
			</div>
			<footer>
				<div class="new-f-ad row">
					<a href="http://p.qiao.baidu.com/cps/chat?siteId=12032597&amp;userId=20686818" class="zixun row">在线咨询</a>
					<div class="zhaofang row">帮您找房</div>
					<a href="tel:4008190898,888" class="tel-zixun"><img src="images/tel.gif" /></a>
					<span>4008190898转888</span>
				</div>
			</footer>
		</div>

		<script src="js/jquery.min.js"></script>
		<script src="js/wap.js"></script>
		<script type="text/javascript">
			function resize(){
			    var f = $('.new-f-ad').width() * 0.22;
			    $('.new-f-ad').css("height", f);
			    $('.tel-zixun').css("height", f);
			  }
			  $(document).ready(function() {
			    resize();
			  });
			  //看房团弹出框
			  function clickTeam(){
			  	$('.mask').fadeIn();
			  	$('.team-box').fadeIn();
			  }
			  //关闭弹出框
			  function closeNitoce(){
			  	$('.mask').fadeOut();
			  	$('.team-box').fadeOut();
			  }
		</script>
		<!--地图-->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9Gg5RxTuLKmem9LNpyvgMb1opNUmV2hY"></script>
		<script type="text/javascript">
			var map = new BMap.Map("map");    // 创建Map实例
			  map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图
			  var local = new BMap.LocalSearch(map, {
			    renderOptions: {map: map}
			  });
			  function clickType(e){
			    var txt = $(e).find('p').html();
			    local.search(txt);
			  }
		</script>
		<!--帮您找房弹出框-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript">
			$('.zhaofang').on('click', function() {
				layer.open({
					title:'',
					type: 2,
					area: ['10rem', '12rem'],
					content: 'team_sign.html' 
				});
			});
		</script>
	</body>

</html>